@extends('layouts.app')

{{--以下是块级模板区域，包括首页文章列表和分页按钮--}}
@section('content')
    {{--  轮播图以及下方两张图片--}}
    @include('layouts.carousel')
    {{-- 文章列表--}}
    @foreach($data as $v)
        <div class="cl-card">
            <div class="row">
                <div class="col-lg-3 col-md-4 col-sm-12 cl-card-image"><a href="/detail?id={{$v->blog_id}}"><img
                            src="temporary-img/list-image3.jpg" class="img-fluid" alt=""></a></div>
                <div class="col-lg-9 col-md-8 col-sm-12 cl-card-main">
                    <h3 class="cl-card-main-title"><a href="detail?id={{$v->blog_id}}">{{$v->title}}</a>
                    </h3>
                    <p class="cl-card-main-info">
                        {{$v->content}}</p>
                    <p class="cl-card-more"><a href="detail?id={{$v->blog_id}}">阅读详情...</a></p>
                </div>
            </div>
        </div>
    @endforeach
    {{--以下是分页按钮--}}
    @include('layouts.pagingbtn')
@stop

